<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Home</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="/static/new/vendor/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="/static/new/vendor/font-awesome/css/font-awesome.min.css">
    <!-- Fontastic Custom icon font-->
    <link rel="stylesheet" href="/static/new/css/fontastic.css">
    <!-- Google fonts - Poppins -->
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="/static/new/css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="/static/new/css/custom.css">
    <link rel="stylesheet" href="/static/new/css/common.css">
    <!-- Favicon-->
    <link rel="shortcut icon" href="/static/new/img/favicon.png">
</head>

<body>
<div class="page">
    <!-- Main Navbar-->
    <header class="header">
        <nav class="navbar">
            <!-- Search Box-->
            <div class="search-box">
                <button class="dismiss"><i class="icon-close"></i></button>
                <form id="searchForm" action="#" role="search">
                    <input type="search" placeholder="What are you looking for..." class="form-control">
                </form>
            </div>
            <div class="container-fluid">
                <div class="navbar-holder d-flex align-items-center justify-content-between">
                    <!-- Navbar Header-->
                    <div class="navbar-header">
                        <!-- Navbar Brand --><a href="#" class="navbar-brand d-none d-sm-inline-block">
                        <div class="brand-text d-none d-lg-inline-block"><span>厦门理工学院</span><strong>在线考试系统</strong></div>
                    </a>
                        <!-- Toggle Button--><a id="toggle-btn" href="#"
                                                class="menu-btn active"><span></span><span></span><span></span></a>
                    </div>
                    <!-- Navbar Menu -->
                    <ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center">
                        <!-- Search-->
                        <li class="nav-item d-flex align-items-center"><a id="search" href="#"><i class="icon-search"></i></a>
                        </li>
                        <!-- Notifications-->
                        <li class="nav-item dropdown"> <a id="notifications" rel="nofollow" data-target="#" href="#"
                                                          data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link"><i
                                class="fa fa-bell-o"></i><span class="badge bg-red badge-corner">12</span></a>
                            <ul aria-labelledby="notifications" class="dropdown-menu">
                                <li><a rel="nofollow" href="#" class="dropdown-item">
                                    <div class="notification">
                                        <div class="notification-content"><i class="fa fa-envelope bg-green"></i>你有。条信息 </div>
                                        <div class="notification-time"><small>4分钟前</small></div>
                                    </div>
                                </a></li>
                                <li><a rel="nofollow" href="#" class="dropdown-item">
                                    <div class="notification">
                                        <div class="notification-content"><i class="fa fa-twitter bg-blue"></i>你有。条通知</div>
                                        <div class="notification-time"><small>10分钟前</small></div>
                                    </div>
                                </a></li>
                                <li><a rel="nofollow" href="#" class="dropdown-item all-notifications text-center"> <strong>显示所有
                                </strong></a></li>
                            </ul>
                        </li>
                        <!-- Logout    -->
                        <li class="nav-item" onclick="window.location='/loginOut'">
                            <a  class="nav-link logout">
                                <span class="d-none d-sm-inline">退出登录</span>
                                <i class="fa fa-sign-out"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>
    <div class="page-content d-flex align-items-stretch">
        <!-- Side Navbar -->
        <nav class="side-navbar">
            <!-- Sidebar Header-->
            <div class="sidebar-header d-flex align-items-center">
<!--                <div class="avatar"><img src="img/avatar-1.jpg" alt="..." class="img-fluid rounded-circle"></div>-->
                <div class="title">
                    <h1 class="h4">${myUser.userName}</h1><span>同学</span>

                </div>
            </div>
            <!-- Sidebar Navidation Menus--><span class="heading">主要功能</span>
            <ul class="list-unstyled">
                <li><a href="index.html"> <i class="icon-home"></i>首页</a></li>
                <li class="active"><a href="#"> <i class="icon-grid"></i>我的试卷 </a></li>
<!--                <li><a href="my_class.html"> <i class="icon-padnote"></i>我的班级</a></li>-->
<!--                <li><a href="login.html"> <i class="icon-interface-windows"></i>退出系统 </a></li>-->
<!--            </ul><span class="heading">个性管理</span>-->
<!--            <ul class="list-unstyled">-->
<!--                <li> <a href="personal_info.html"> <i class="icon-flask"></i>个人信息 </a></li>-->
<!--                <li> <a href="mod_password.html"> <i class="icon-screen"></i>修改密码 </a></li>-->
<!--            </ul>-->
        </nav>
        <div class="content-inner">
            <header class="page-header">
                <div class="container-fluid">
                    <h2 class="no-margin-bottom">我的试卷</h2>
                </div>
            </header>

            <section class="tables">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-close">
                                    <div class="dropdown">
                                        <button type="button" id="closeCard2" data-toggle="dropdown" aria-haspopup="true"
                                                aria-expanded="false" class="dropdown-toggle"><i class="fa fa-ellipsis-v"></i></button>
                                        <div aria-labelledby="closeCard2" class="dropdown-menu dropdown-menu-right has-shadow"><a href="#"
                                                                                                                                  class="dropdown-item remove"> <i class="fa fa-times"></i>Close</a><a href="#"
                                                                                                                                                                                                       class="dropdown-item edit"> <i class="fa fa-gear"></i>Edit</a></div>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table id="table-modal" class="table table-striped" style="text-align: center;">
                                            <thead>
                                            <tr>
                                                <th><b>序号</b></th>
                                                <th><b>试卷名称</b></th>
                                                <th><b>考试时长</b></th>
                                                <th><b>单选题总分</b></th>
                                                <th><b>判断题总分</b></th>
                                                <th><b>卷面总分</b></th>
                                                <th><b>考试状态</b></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <#list allTestPaper as item>
                                            <tr onclick="selectTr(${item.testpaperId})" data-toggle="modal"  data-url="exams/exam_bootstrap_result.html">
                                                <td><b>1242</b></td>
                                                <td><b>${item.testpaperName}</b></td>
                                                <td><b>60分钟</b></td>
                                                <td><b class="gb">50</b><b>/100</b></td>
                                                <td><b class="gb">50</b><b>/100</b></td>
                                                <td><b class="gb">100</b></td>

                                                <#if (item.isStart==1)>           
                                                     <span class="c-red"><td><b class="gb">正在考试</b></td></span>
                                                <#else>
                                                     <span class="c-red"><td><b style="color: red">考试结束</b></td></span>
                                                </#if>
                                            </tr>
                                            </#list>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                <div id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"
                                     class="modal fade text-left">
                                    <div role="document" class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h4 id="exampleModalLabel" class="modal-title">确认考试信息</h4>
                                                <button type="button" data-dismiss="modal" aria-label="Close" class="close"><span
                                                        aria-hidden="true">×</span>
                                                    <tton>
                                            </div>

                                            <div class="modal-body">
                                                <p>请考生确认考试信息，一旦开考无法退出</p>
                                                <div class="table-responsive">
                                                    <table class="table table-exam">

                                                    </table>
                                                </div>
                                            </div>

                                            <div class="modal-footer">
                                                <button type="button" data-dismiss="modal" class="btn btn-secondary">关闭<tton>
                                                    <button type="button"  onclick="select()" class="btn btn-primary">开始考试<tton>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
            </section>


            <!-- Page Footer-->
            <footer class="main-footer">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-sm-6">
                            <p>Copyright &copy; 厦门理工期末考试系统</p>
                        </div>
                        <div class="col-sm-6 text-right">
                            <p>
                                在线考试系统
                            </p>
                        </div>
                    </div>
                </div>
            </footer>
        </div>

    </div>
</div>
<!-- JavaScript files-->
<script src="/static/new/vendor/jquery/jquery.min.js"></script>
<script src="/static/new/vendor/popper.js/umd/popper.min.js"> </script>
<script src="/static/new/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="/static/new/js/modal-exam.js"></script>
<script src="/static/new/js/front.js"></script>
<script>

    function selectTr(id1) {
        window.location = "/exam/exam-" + id1 + ".html";
    }
</script>
</body>

</html>